.evaluate-item {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;

    .evaluate-item-header {
        margin-bottom: 14px;
        h2 {
            font-size: 18px;
            cursor: pointer;
            &:hover {
                color: #175199;
            }
        }
    }

    .evaluate-item-content {
        p {
            color: #10052b;
            cursor: pointer;
            line-height: 25px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            max-height: 80rpx;

            &:hover {
                color: #4e3a8b;
            }
        }

        .evaluate-more {
            display: flex;
            gap: 20px;
            justify-content: flex-end;
            margin-top: 10px;
            span {
                margin-right: 20px;
                &:first-of-type {
                    margin-right: 6px;
                }
                color: #212121;
            }

            .evaluate-collect {
                cursor: pointer;
                &:hover {
                    span {
                        color: #d87b7b;
                    }
                }
            }
        }
    }
}
